<template>
	<view>
		<view class="downApp"  @click="downImg">
			<image src="https://jg.vjigong.com/uploads/downapp.jpg" mode="widthFix"></image>
		</view>
		<view class="downBtnBox">
			<view class="downBtn" @click="downImg">
				保存图片
			</view>
			<view class="downBtn" @click="copyText">
				复制下载链接
			</view>
		</view>
		<view class="noticeText">
			<view >
			使用方法：
			</view>
			<view>1）保存图片到相册，然后识别二维码，在浏览器打开并下载；</view>
			<view>2）复制下载链接，在浏览器打开，并下载。</view>
		</view>
	</view>
</template>

<script>
	export default {
		methods:{
			downImg(){
				//下载图片资源至本地，返回文件的本地临时路径
				uni.downloadFile({
					url:'https://jg.vjigong.com/uploads/downapp.jpg',
					success: (res) =>{
					  if (res.statusCode === 200){
						//保存图片至相册
						uni.saveImageToPhotosAlbum({
						  filePath: res.tempFilePath,
						  success: function() {
							uni.showToast({
							  title: "保存成功",
							  icon: "none"
							});
						  },
						  fail: function() {
							uni.showToast({
							  title: "保存失败，请稍后重试",
							  icon: "none"
							});
						  }
						});
					  }
					}
				})
			},
			copyText(){
				uni.setClipboardData({
				  data:'https://jg.vjigong.com/apk/index.html',//要被复制的内容
				  success:()=>{//复制成功的回调函数
					uni.showToast({//提示
					  title:`复制成功`,
					  icon:'success'
					})
				  }
				},true);
			},
		},
	}
	
</script>

<style>
	.downApp{
		width: 100%;
	}
	.downApp image{
		width: 100%;
	}
	.downBtnBox{
		height: 200rpx;
		width: 100%;
		display: flex;
		padding: 0 20rpx;
	}
	.downBtn{
		flex: 1;
		border: 2rpx solid #327fe8;
		margin: 50rpx 30rpx;
		height:90rpx;
		line-height: 90rpx;
		border-radius: 50rpx;
		text-align: center;
	}
	.noticeText{
		padding: 0 20rpx 100rpx 20rpx;
		line-height: 50rpx;
		font-size: 26rpx;
	}
</style>